<template>
<<<<<<< HEAD
    <div class="page-home">
        <div class="home-entry">
          <div class="container">
<!-- 左侧分类 -->
<HomeCategory/>
 <!-- banner轮播图 -->
<HomeBanner/>
          </div>
         </div>
    </div>
</template>
<script>
import HomeCategory from "@/views/home/components/home-category.vue"
import HomeBanner from "@/views/home/components/home-banner.vue"
    export default{
        name:'HomePage',
        components:{
            HomeBanner,
            HomeCategory
        }
    }
</script>
<style scoped lang="less">
.container{
    .hoverShadow();
    color:@xtxColor;

}
</style>
=======
  <!-- 首页入口 -->
  <div class="home-entry">
    <div class="container">
      <!-- 左侧分类 -->
      <HomeCategory />
      <!-- 轮播图 -->
      <HomeBanner />
    </div>
  </div>
  <!-- 新鲜好物 -->
<HomeNew/>
<!--人气推荐-->
<HomeHot/>
<!--使用transition组件-->

<button type="" @click="show=true">显示|创建</button>
<button type="" @click="show=false">隐藏|移除</button>
<Transition>
<div v-show="show" class="" style="width:100px;height:100px;background:red"></div>
</Transition>
</template>
<script>
import HomeCategory from './components/home-category'
import HomeBanner from './components/home-banner'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import {ref} from 'vue'
export default {
  name: 'HomePage',
  components: {
    HomeCategory,
    HomeBanner,
    // HomePanel
    HomeNew,
    HomeHot
  },
  setup(){
    const show =ref(true)
    return {show}
  }
}
</script>
<style scoped lang="less"></style>
>>>>>>> ff
